import React, { Component } from 'react'

export default class App extends Component {

    state = {
        htmlStr: '<h1 style="color: red">你好世界</h1>'
    }

    render() {
        return (
            <div>

                {this.state.htmlStr}

                <hr />


                {/* React.Fragment 也是 react 中的空标签 */}
                <React.Fragment>
                    {/* 
                        在 vue 可以使用 v-heml 解决字符串标签渲染
                        在 react 中可以使用 dangerouslySetInnerHTML 来进行解决
                    */}
                    <div dangerouslySetInnerHTML={{ __html: this.state.htmlStr }}></div>
                </React.Fragment>

            </div>
        )
    }
}
